  <script>
    var fb_app_id = <?php echo $fb_app_id ?>,
        username = <?php echo '"'.$username.'"'; ?>;
  </script>
	<div id="contectAll">

		<div class="banner">

			<div class="conte f-l">
				<img class="f-l" width="276" height="342" src="<?php echo base_url('application/images/tableta.jpg'); ?>">

        <!-- <div class="social-share f-l" style="position: relative;">
            <div><a href="javascript:void(0);" id="fb_invita_link"><img src="<?php echo base_url('application/images/fb-share-friends.png') ?>"></a></div>
        </div> -->

				<div class="info f-l" style="position: relative;">
					<p><strong><span style="color: #FF9226;">tic</span> es un espacio que reúne conocimiento</strong> exclusivo, útil para académicos, estudiantes, funcionarios públicos, empresarios y activistas sociales.</p>
					<p><strong><span style="color: #FF9226;">tic</span> te permite tomar mejores decisiones,</strong> comprender integralmente un problema y argumentar con certeza tus ideas.</p>
					<img id="imgloadimg" src="<?php echo base_url('application/images/loader.gif'); ?>" style="display:none;position:absolute;top:-20px;right:255px;z-index: 100;">
				</div>

        <div class="social-share f-l" style="position: relative;">
            <div><a href="javascript:void(0);" id="fb_invita_link"><img src="<?php echo base_url('application/images/fb-share-friends.png') ?>"></a></div>
        </div>

				<div class="clear"></div>
			</div>

			<div class="registro f-l">

				<div class="conterg">
					<div class="conectfbtw">
						<a href="<?php echo base_url('facebook/oauth/')?>">
							<img src="<?php echo base_url('application/images/conect_fb.png'); ?>" alt="conectar con facebook">
						</a>
						<a href="<?php echo base_url('twitter/oauth/')?>">
							<img src="<?php echo base_url('application/images/conect_tw.png'); ?>" alt="conectar con twitter">
						</a>
					</div>

					<p class="text"><strong>Crea una <span style="color: #FF9226;">cuenta gratuita</span></strong> para tener acceso a nuestros archivos</p>

					<form action="<?php echo base_url('home/');?>" method="post">
						<input type="text" name="nombre" placeholder="Nombre y apellidos" value="<?php echo set_value('nombre')?>">
						<select name="tipo_organizacion">
							<option value="">Tipo de organización a la que pertenece</option>
						<?php foreach ($organiza as $key => $value) {?>
							<option value="<?php echo $value->id_organizacion; ?>" <?php echo set_select('tipo_organizacion', $value->id_organizacion);?>><?php echo $value->nombre; ?></option>
						<?php } ?>
						</select>
						<input type="email" name="email" placeholder="Correo electrónico" value="<?php echo set_value('email')?>">
						<input type="password" name="pass" placeholder="Contraseña">
						<input type="password" name="pass_confirm" placeholder="Confirmar contraseña">

						<label for="" class="fecha f-l">Fecha de <br>nacimiento</label>
						<select name="fn_dia" class="fecha" style="width: 55px;">
							<option value="">Día</option>
							<?php for ($d=1; $d<=31; $d++) {?>
								<option value="<?php echo $d?>" <?php echo set_select('fn_dia', $d); ?>><?php echo $d?></option>
							<?php }?>
						</select>
						<select name="fn_mes" class="fecha" style="width: 60px;">
							<option value="">Mes</option>
							<?php for ($m=1; $m<=12; $m++) {?>
								<option value="<?php echo $m?>" <?php echo set_select('fn_mes', $m); ?>><?php echo $m?></option>
							<?php }?>
						</select>
						<select name="fn_anio" class="fecha">
							<option value="">Año</option>
							<?php $a=date('Y')-5;for ($y=$a-80; $y<=$a; $y++) {?>
								<option value="<?php echo $y?>" <?php echo set_select('fn_anio', $y); ?>><?php echo $y?></option>
							<?php }?>
						</select>

						<span class="terminos">Al hacer click en “Entrar” acepta nuestros <br> <a href="javascript:void(0);" id="terminos">Términos y Condiciones de Uso</a></span>

						<input type="submit" name="entrar" value="Entrar">
					</form>
				</div>

			</div>

			<div class="clear"></div>

			<div id="win_infoex" style="display: none;">
				<?php
				if (isset($faqs)) {
					echo $faqs;
					echo '<script type="text/javascript">
						$(function(){
							faqs();
						});
					</script>';
				}elseif (isset($about)) {
					echo $about;
					echo '<script type="text/javascript">
						$(function(){
							about();
						});
					</script>';
				}elseif (isset($terminos)) {
					echo $terminos;
					echo '<script type="text/javascript">
						$(function(){
							terminos();
						});
					</script>';
				}elseif (isset($articulos)) {
					echo $articulos;
					echo '<script type="text/javascript">
						$(function(){
							articulos();
						});
					</script>';
				}
				 ?>
			</div>
		</div>

		<div class="sec_cats">

			<div class="cuadro f-l" data-cat="bpp">
				<h3>Breviarios de Política Pública</h3>
				<p>Análisis mensual de temas de interés sobre Colima.</p>
				<img width="218" height="121" src="<?php echo base_url('application/images/home_bpp.jpg'); ?>" alt="Breviarios de PolÃ­tica PÃºblica">
			</div>

			<div class="cuadro marg f-l" data-cat="cp">
				<h3>Capp Propone</h3>
				<p>Dos páginas de conocimiento preciso para tomadores de decisiones.</p>
				<img width="218" height="121" src="<?php echo base_url('application/images/home_cpp.jpg'); ?>" alt="Capp Propone">
			</div>

			<div class="cuadro marg f-l" data-cat="bd">
				<h3>Bases de Datos</h3>
				<p>Relevantes estadísticas, datos e información acerca de Colima.</p>
				<img width="218" height="121" src="<?php echo base_url('application/images/home_bd.jpg'); ?>" alt="Bases de Datos">
			</div>

			<div class="cuadro marg f-l" data-cat="precios">
				<h3>Precios y Paquetes</h3>
				<p>01 (312) 312 4311 <br> <a href="">contacto@consultoriacapp.com</a></p>
				<img width="218" height="121" src="<?php echo base_url('application/images/home_ppaq.jpg'); ?>" alt="Precios y Paquetes">
			</div>

			<div class="clear"></div>
		</div>

	</div>

<div id="ocultos_bpp" style="display:none;">
<?php echo $tt_bpp; ?>
</div>
<div id="ocultos_cp" style="display:none;">
<?php echo $tt_cp; ?>
</div>
<div id="ocultos_bd" style="display:none;">
<?php echo $tt_bd; ?>
</div>

	<div id="footer">
		<div class="fooconte">
			<div class="info f-l">TIC es un servicio de Consultores en Administración y Políticas Públicas, S. C. Todos los derechos reservados ©2012</div>
			<div id="faqs" class="f-l">FAQs</div>
			<div id="about" class="f-l">Acerca de</div>
			<div class="imglogo f-l">
				<a href="http://www.consultoriacapp.com/" title="CAPP | Consultores en administración y política públicas" target="_blank"><img width="43" height="32" src="<?php echo base_url('application/images/logo_capp.png'); ?>" alt="capp"></a>
			</div>
		</div>
	</div>

	<a style="display: none;" href="<?php echo base_url('home/faqs'); ?>" title="Preguntas Frecuentes">Preguntas Frecuentes</a>
	<a style="display: none;" href="<?php echo base_url('home/about'); ?>" title="Acerca de Tienda de Conocimiento Capp">Acerca de Tienda de Conocimiento Capp</a>
	<a style="display: none;" href="<?php echo base_url('home/terminos'); ?>" title="Términos y Condiciones de Uso">Términos y Condiciones de Uso</a>
	<a style="display: none;" href="<?php echo base_url('home/articulos?cat=bpp'); ?>" title="Breviarios de Política Pública">Breviarios de Política Pública</a>
	<a style="display: none;" href="<?php echo base_url('home/articulos?cat=cp'); ?>" title="Capp Propone">Capp Propone</a>
	<a style="display: none;" href="<?php echo base_url('home/articulos?cat=bd'); ?>" title="Bases de Datos">Bases de Datos</a>

	<!-- Bloque de alertas -->
<?php if(isset($frm_errors)){
	if($frm_errors['msg'] != ''){
?>
<div id="container" style="display:none">
	<div id="withIcon">
		<a class="ui-notify-close ui-notify-cross" href="#">x</a>
		<div style="float:left;margin:0 10px 0 0"><img src="#{icon}" alt="warning" width="64" height="64"></div>
		<h1>#{title}</h1>
		<p>#{text}</p>
		<div class="clear"></div>
	</div>
</div>
<script type="text/javascript" charset="UTF-8">
$(function(){
	create("withIcon", {
		title: '<?php echo $frm_errors['title']; ?>',
		text: '<?php echo $frm_errors['msg']; ?>',
		icon: '<?php echo base_url('application/images/alertas/'.$frm_errors['ico'].'.png'); ?>' });
});
</script>
<?php }
}?>
<!-- Bloque de alertas -->
